$(function(){
    getUserInfo()

    $('#f1').on('submit',function(e){
        e.preventDefault();
        console.log($(this).serialize());
        $.ajax({
            method:'POST',
            url:'/my/userinfo',
            data:$(this).serialize(),
            success:function(res){
                if(res.status != 0)return layer.msg(res.message);
                // 接下来我们要让父页面更新一下侧边栏的用户信息
                // 子页面调用父页面中的全局函数
                // parent.父页面中的全局方法()A
                parent.getUserInfo()
            }
        })
    })

    //重置功能
    // input type="reset"它也有默认行为,默认行为就是清空表单
    $('[type="reset"]').on('click',function(e){
        e.preventDefault()
        getUserInfo()
    })
})


function getUserInfo(){
    $.ajax({
        method:'GET',
        url:'/my/userinfo',
        success:function(res){
            console.log(res);
            if(res.status != 0)return layer.msg(res.message);
            // $('[name="username"]').val(res.data.username)
            // $('[name="nickname"]').val(res.data.nickname)
            // $('[name="email"]').val(res.data.email)
            layui.form.val('f1',res.data)//一次性数据全部填充到表单里面
        }
    })
}